Sound Cloud

Usability Test and Redesign

Image alt tag

Overview

  • I’ve always been passionate about how people discover and interact with music. SoundCloud is one of the biggest platforms for independent artists and music listeners, and I have noticed its decline over the past years. So I set out to download the app back to notice something frustrating:

    • New users struggled to navigate the app.

    • Basic actions—like creating playlists or sharing music—were harder than expected.

    • The UI felt cluttered, making engagement feel like a chore.

Goal

The study aims to analyze and assess SoundCloud’s user experience - whether users can simply navigate SoundCloud and use the features provided effectively. This usability study aims to not only utilize subjective measures to collect users’ opinions, feedback, and recommendations regarding various aspects of SoundCloud but also to measure the user’s performance and behavior, to help us learn more about the context in which users' experience these pain points and to identify areas that need improvement.

Reddit Post Review

Role

Prototype Development; User Research & Testing; Data Analysis & Design Recommendations

Tools

Figma, Miro, Word

Team

Aries Chu, Jessen Lin

Timeline

March - May 2023 (8weeks)

Top User Goals

01 Research

To gain more insight into SoundCloud's application, we conducted preliminary research on the application. Some main features of SoundCloud include:

  • home, which contains features, a recommended playlist, and artists

  • feed, an endless feed of recommended songs with 30-second previews

  • library, a hub for the user's music selections

Image alt tag

Persona

Use Case Example:

A young teenager has recently been looking for new underground music that aligns with their taste. With a desire for songs that are not very popular, the listener explores and discovers new artists and genres through Soundcloud and finds music similar to their favorite artist. 

Image alt tag

Data Sheet

We constructed a task analysis, and with the task analysis, constructed a data sheet to collect data on each task. Each participant had 6 major tasks, divided into minor tasks.

Image alt tag

Participant Recruitment

We plan to recruit a total of 16 participants, 4 in each subgroup.

  • Listener/user

    • Individuals who use the SoundCloud app regularly ( > 3 days a week) to listen to music

  • Listener/non-user

    • Individuals who have never used the SoundCloud app to listen to music, but may use other music streaming services

  • Artist/user

    • Individuals who create and upload music to SoundCloud

  • Artist/non-user

    • Individuals who do not upload their music to SoundCloud, but may upload it on other platforms

02 Evaluation

We were not able to reach out participants' goal due to time restrictions. However, I conducted usability testing with 5 SoundCloud users for listeners.

  • 3 Non-Users – Familiar with other streaming apps but had never used SoundCloud.

  • 2 Regular Users – Used SoundCloud at least 3x per week.

Each participant was asked to complete key tasks that reflect everyday use:

  • Account Management – Signing in and out seamlessly.

  • Music Discovery – Finding new tracks and curating playlists.

  • Engagement – Following artists, commenting, and sharing songs.

Usability Test

Metrics Used During Usability Test

03 Key Findings

Image gallery item

Finding the "Create Playlist" Action

  • Feedback: Users struggled to locate the "Create Playlist" button, often feeling it was not where they expected it to be.

  • User Experience: This caused confusion and led to frequent backtracking through pages.

Metrics:

  • Average Time to Find: 21 seconds

  • Errors Encountered: 1

Image gallery item

Sharing Music

  • Different Paths to Completion: Each participant took a different route to complete the task.

  • Multiple Attempts: All participants needed at least 2 tries to successfully share music.

  • Inefficient Completion: None of the participants completed the task in the most efficient way.

  • Search Required: Participants had to search for the sharing function, indicating it wasn’t easily accessible.

Metrics:

  • Average Time to Complete: 45.2 seconds

  • Errors Encountered: 3

Image gallery item

Leaving a Comment

  • Lack of Guidance: New users were unaware that they could comment on a song at a specific time within the track.

  • Task Completion: All participants successfully completed the task, but more guidance would have improved their experience.

Metrics:

  • Average Time to Complete: 28.75 seconds

  • Errors Encountered: 0.

Image gallery item

"Next Up" Queue

  • Feedback: All participants successfully added a song to their "Next Up" queue, but none noticed the confirmation pop-up.

  • Issue: Users struggled to find the "Next Up" playlist, making it unclear whether the action was successful.

Metrics:

  • Average Time to Complete: 37 seconds

  • Errors Encountered: 1.5

Findings Continued

To identify the recurring patterns with the usability testing, I used thematic analysis.

  • Key Findings:

    • Users struggled to find the “Create Playlist” action. They expected it in a different location.

    • Sharing music was unintuitive. Each participant took a different path to complete the task, showing inconsistency in UI design.

    • Commenting on songs was unclear. New users didn’t realize they could comment at specific timestamps within tracks.

    • Next Up Queue lacked clear feedback. Users added songs to the queue but weren’t sure if it worked.

Quotes from Participants

04 Design Recommendations

Image alt tag

Enhancing the "Add to Queue" Feedback Experience

  • Improve visual feedback to clearly indicate when a song is added to the queue.

  • Increase color contrast for better visibility and accessibility.

  • Position the confirmation message higher on the screen or enlarge it for better prominence.

Image alt tag

Improving Queue Visibility ("Next Up")

  • Add the text "Next Up" below or beside the playlist icon for clearer navigation.

  • Include an option to view "Next Up" directly from the Library screen for easier access.

Image alt tag

Enhancing Music Sharing for Better Usability

  • Use familiar icons across iOS platforms to align with users' mental models for messaging and sharing.

  • Address user confusion by clarifying the difference between the "Message" button and music-sharing functionality.

  • Relocate the SMS option to a more prominent position, ensuring it’s not hidden as the last sharing choice.

  • Prioritize the Message button among the first options to better reflect the hierarchy of importance.

Image alt tag

Improving Messaging Consistency

  • Add the text "Message" next to the message icon to align with the Follow button for a more consistent UI.

Image alt tag

Enhancing Podcast Visibility

  • Add a Podcasts section on the Home screen for easier discovery.

  • Include Podcasts as a category in the Search screen to improve accessibility and navigation.

Image alt tag

Simplifying the UI for a Better Experience

  • Reduce the number of action buttons in the header for a cleaner interface.

  • Move Settings and My Profile to the Home screen header for quick access.

  • Limit the number of recommendations on the Home screen to avoid clutter.

  • Streamline the menu for easier navigation.

  • Place the Sign Out button in the first layer of settings for better accessibility.

Learnings & Insights

  • Throughout this project, one of the biggest challenges encountered was collecting user data. Originally, we decided on four types of user groups. However, because of funds, we had to change the test, which only enabled us to collect two types of data groups. 

  • Some might say is this a failure of a usability test? I would say no. Although this is not a whole representation of SoundCloud, it does provide great insight for the listener's application of SoundCloud. Through this project, we can understand the major issues of SoundCloud, and these can be easily changed.

  • Learned:

    • Familiarity matters. Users expect features to work like they do in other apps—they don’t want to relearn the basics.

    • Clear feedback is essential. If users don’t know their action succeeded, they feel frustrated.

    • Testing with different user groups is crucial. Originally, I planned for four user groups, but funding constraints forced us to test with only two. This reinforced the importance of prioritizing diverse user needs within project constraints.

  • The next step would be to implement the design recommendations into the application. Make sure to always validate design assumptions with real user data instead of relying on intuition. Prioritizing critical usability issues over minor aesthetic tweaks ensures that improvements have the greatest impact.